<template>
  <!-- <Transition name="fade">
    <RouterView />
  </Transition> -->
	<n-message-provider>
		<n-dialog-provider>
			<router-view v-slot="{ Component }">
				<transition name="fade">
					<component :is="Component" />
				</transition>
			</router-view>
		</n-dialog-provider>
	</n-message-provider>
</template>

<script setup lang="ts">

</script>

<style scoped>
.fade-enter-active,
.fade-leave-active {
  transition: opacity 0.5s ease;
}

.fade-enter-from,
.fade-leave-to {
  opacity: 0;
}
</style>
